<!DOCTYPE html>
<#assign ctx=request.contextPath />
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/>
		<META HTTP-EQUIV="Pragma" CONTENT="no-cache" />    
	    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache" />
	    <META HTTP-EQUIV="Expires" CONTENT="0" />    
		<title>订单结算</title>
    	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.css" />
    	<link rel="stylesheet" href="${ctx}/assets/css/idangerous.swiper.css" />
    	<link rel="stylesheet" href="${ctx}/assets/css/completetask.css" />
    	<script type="text/javascript" language="javascript">
		</script>
		<script src="${ctx}/assets/js/jquery-1.11.0.min.js"></script>
	    <script src="${ctx}/assets/js/bootstrap.min.js"></script>
	    <script src="${ctx}/assets/js/idangerous.swiper-1.9.1.min.js"></script>
		<script src="${ctx}/assets/js/idangerous.swiper.scrollbar-1.2.js"></script>
	    <script src="${ctx}/assets/js/completetask.js"></script>
		
	</head>
	
	<body>
		<form id="submit_form">
		
		<input type="hidden" id="driverId" name="driverId" value="">
		<input type="hidden" id="orderId" name="orderId" value="">
		<input type="hidden" id="shouldCash" name="shouldCash" value="">
		<input type="hidden" id="mileage" name="mileage" value="">
		<input type="hidden" id="waitedTime" name="waitedTime" value="">
		<input type="hidden" id="waitStartTime" name="waitStartTime" value="">
		<input type="hidden" id="travelBeginTime" name="travelBeginTime" value="">
		<input type="hidden" id="discount" name="discount" value="">
		
		<input type="hidden" id="payTypeDetails" name="payTypeDetails" value="">
		<input type="hidden" id="couponId" name="couponId" value="">
		<input type="hidden" id="couponMoney" name="couponMoney" value="0">
		<input type="hidden" id="cashMoney" name="cashMoney" value="0">
		<input type="hidden" id="signMoney" name="signMoney" value="0">
		<input type="hidden" id="balanceMoney" name="balanceMoney" value="0">
		
		<div class="list_box">
  			<div class="row margin-top">
            	<div class="col-xs-12">
					<div class="panel panel-default" style="margin-bottom:0.8em;">
					  <ul class="list-group">
					    <li class="list-group-item">账号：<b id="memberPhone_b"></b> <span id="memberName_span"></span></li>
					    <li class="list-group-item">客户类型：<b id="memberType_b"></b> <span id="memberCompanyName_span"></span> <i id="isOverdraw_i"></i></li>
					    
					    <li class="list-group-item" id="memberEc_li" style="display:none;">紧急电话：<b id="memberEcp_b"></b> <span id="memberEcn_span"></span> <a id="memberEcp_a" href="tel:"><img src="${ctx}/assets/css/images/jinji_phone.png" width="25" height="25" /></a></li>
					    
					    <li class="list-group-item"><span style="margin-right:0.5em;">余额：<b id="virtual_b">元</b></span> <span>优惠劵：<b id="couponMoney_b">元</b></span></li>
					  </ul>
					</div>
				</div>
				
				<div class="col-xs-12">
					<div class="panel panel-default" style="margin-bottom:0.8em;">
					  <ul class="list-group lh-no">
					    <li class="list-group-item">工单号：<span class="pull-right"><b id="orderNumber_b"></b></span></li>
					    <li class="list-group-item">订单类型：<span id="orderType_span"></span><span class="pull-right">所属公司：<span id="orderCompanyName_span"></span></span></li>
					    <li class="list-group-item">出发时间：
					    	<span class="pull-right" id="startDriveDate_span"></span>
					    </li>
					    <li class="list-group-item">起步价：<span class="pull-right"><b><span id="qibuMoney_span"></span>元</b></span></li>
					    <li class="list-group-item">等候时间：<span class="pull-right"><span id="waitedTime_span"></span>分钟<b>(<span id="waitedMoney_span"></span>元)</b></span></li>
					    <li class="list-group-item">行驶里程：<span class="pull-right"><span id="mileage_span"></span>公里<b>(<span id="mileageMoney_span"></span>元)</b></span></li>
					    <li class="list-group-item"><i>应收金额：</i><span class="pull-right"><i class="should_cash"><span id="shouldCash_span"></span>元</i></span></li>
					  </ul>
					</div>
				</div>
				
				<div class="col-xs-12">
					<div class="panel panel-default" style="margin-bottom: 0.8em;">
					  <ul class="list-group lh-no">
					    <li class="list-group-item" style="text-align:center;height:42px;">
					    	<i style="float:left;">实收金额:</i>
				    		<i class="discount-bg" style="display:none;" id="discount_i"></i>
				    		<span class="pull-right"><input id="realCash" name="realCash" class="width-5" type="number" value="" /><i>元</i></span>
					    </li>
					    <li class="list-group-item">支付方式：
						    <span class="pull-right">
						    	<label class="radio-inline">
								  <input type="radio" name="payType" id="payType1" value="cash"> 现金
								</label>
								<label class="radio-inline">
								  <input type="radio" name="payType" id="payType2" value="balance" > 余额
								</label>
								<label class="radio-inline">
								  <input type="radio" name="payType" id="payType3" value="sign" > 签单
								</label>
						    </span>
					    </li>
					    
					    <li class="list-group-item slideup_coupon">
					    	优惠劵：
					    	<span class="pull-right">
					    		
					    			(<span id="couponsAmount_span">0</span>张)
					    			<span id="couponsImg_span"></span>
					    	</span>
					    </li>
					    
					    
					    <li id="coupon_li" class="list-group-item more-high" style="padding:0;display:block;">
					    	<div class="my-well">
					    	   
					    		<div class="swiper-container swiper-car">
								    <div class="swiper-wrapper" id="coupons_div">
						      			 
								      
								    </div>
								</div>
					    	</div>
					    </li>
					   
					    
					  </ul>
					</div>
				</div>
				
				<div class="col-xs-12">
					<div class="panel panel-default" style="margin-bottom: 0.8em;">
					  <ul class="list-group">
					    <li class="list-group-item"><i id="money_details"></i></li>
					  </ul>
					</div>
				</div>
				
				<div class="col-xs-12">
					<input id="carNumber" name="carNumber" class="form-control input-lg" type="text" style="width:100%;" value="" placeholder="客户信息或车牌号"/>
				</div>
				
				<div class="col-xs-12 margin-top panel">
					<button id="submit_botton" type="button" class="btn btn-primary btn-lg btn-block">结算</button>
				</div>
				
            </div>
    	</div>
    	</form>
    	
    	<div id="dialog_Info" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
		  <div class="modal-dialog modal-sm">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close close_modal" data-dismiss="modal" aria-hidden="true">&times;</button>
		        <h4 class="modal-title">提示</h4>
		      </div>
		      <div class="modal-body">
		      	<div>
		      		<center id="Info"></center>
		      	</div>
		      </div>
		    </div>
		  </div>
		</div>
		
	</body>
	
</html>
